<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>gzdk</title>
  <link rel="stylesheet" href="./assets/css/index.css">
  <link rel="stylesheet" href="./liNone.css">
  <script type="text/javascript" src="./assets/js/index.js"></script>

  <!-- <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css"> -->

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

  <style>
    /* 覆盖样式 */
    /* li 黑点 */
    li {
      list-style-type: none;
    }


    .row {
      margin-right: -15px;
      margin-left: 0px;
    }


    /* a */

    /* a标签样式 */

    /*  去除所有A标签样式*/
    /*  */
    /*去除a标签下划线*/
    a {
      text-decoration: none;
    }

    /*去除未被访问的a标签的下划线*/
    a:link {
      text-decoration: none;
    }

    /*去除已经被访问过的a标签的下划线*/
    a:visited {
      text-decoration: none;
    }

    /*去除鼠标悬停时的a标签的下划线*/
    a:hover {
      text-decoration: none;
    }

    /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
    a:active {
      text-decoration: none;
    }

    /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
    a:focus {
      text-decoration: none;
    }

    /* 底部 */




    .change {}

    .change:hover .outer {
      display: block;
    }

    .language {
      display: flex;
      position: absolute;
      top: 35px;
      left: 22px;
      flex-direction: column;
    }

    .outer {
      display: none;
    }

    /* 三角形 */
    .trangle {
      width: 0px;
      height: 0px;
      border-top: 10px solid #666666;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
    }
  </style>
</head>

<body>
  <div class="top-container">
    <div class="container">
      <div class="top-container-left">
        <div><a></a></div>
      </div>
      <div class="top-container-right">
        <div><a href="./login.html">登录</a></div>
        <div><a href="./register.html">免费注册</a></div>
        <div><a href="./private.html">个人详情</a></div>
        <div><a href="./navigation.html">网站导航</a></div>
        <div><a href="./help.html">帮助</a></div>


        <div class="change" style="position:relative ;">
          <a href="javascript:;">切换语言<div class="trangle" style="top: 15px;
            position: absolute;
            left: 80px;"></div>
            <div class="outer" style="padding: 0px;">
              <div class="language">
                <li style="border-bottom: 1px solid;">Chinese</li>
                <li style="border-bottom: 1px solid;">English</li>
                <li style="border-bottom: 1px solid;">Japanese</li>
                <li style="border-bottom: 1px solid;">French</li>
              </div>
            </div>
          </a>


        </div>
      </div>
    </div>
  </div>
  <div class="mod-shopsigns">
    <div class="container">
      <div class="company-logo">
        <img src="./assets/img/ptlogo.png" alt="">
      </div>
      <div class="company-name">
        <p>广州东控机电设备有限公司</p>
        <span>主营：工控电器销售,PLC,工控电器售后编程调试</span>
      </div>
    </div>
  </div>
  <div class="index-nav">
    <div class="container">
      <div id="nav">
        <div onclick="showNav2()" class="home"><a href="javascript:;">Home</a></div>
        <div onclick="showNav2()" class="prodouct"><a href="javascript:;">Prodouct</a></div>
        <div onclick="showNav2()" class="aboutus"><a href="javascript:;">About Us</a></div>
        <div onclick="showNav2()" class="servies"><a href="javascript:;">Services</a></div>
        <div onclick="showNav2()" class="contact"><a href="javascript:;">Contact</a></div>
      </div>
      <div id="showNav" onclick="showNav()">Show Nav</div>
    </div>
  </div>
  <div class="box">
    <div class="container">
      <div class="panel panel-default">
        <div class="panel-body">
          <!-- <form class="layui-form" action="">
            <div class="layui-form-item">
              <label class="layui-form-label">输入框</label>
              <div class="layui-input-block">
                <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
              </div>
            </div>
            <div class="layui-form-item">
              <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>
          </form> -->

          <div class="input-group col-md-12" style="margin: 20px 0  ;position:relative">
            <input type="text" class="form-control" placeholder="请输入查找内容" />
            <span class="input-group-btn">
              <button class="btn btn-info btn-search">查找</button>
              <button class="btn btn-info btn-search" style="margin-left:1px">重置</button>
            </span>
          </div>
          <div>
            <h2>
              <ul class="row">
                <li class="col-md-5" style="font-size:20px">产品图片 & 料号</li>
                <li class="col-md-5" style="font-size:20px">描述</li>
                <li class="col-md-1" style="font-size:20px">单价</li>
              </ul>
            </h2>
            <div class="list-group">
              <button type="button" class="list-group-item row" onclick="gotoDetail()">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
              <button type="button" class="list-group-item row">
                <div class="col-md-4" style="display:flex ;">
                  <div>
                    <div><img style="max-width: 120px;
                      max-height: 120px;
                      border: 0;" src="https://www.jotrin.com/productFiles/s/201412/ML6426CS5-35352.jpg" alt=""></div>
                  </div>
                  <div>
                    <ul>
                      <li>
                        <h5>MF10CN </h5>
                      </li>
                      <li><span>制造商: FAIRCHILD</span></li>
                      <li><span>封装/规格: SOIC-16</span></li>
                    </ul>
                  </div>
                </div>
                <div class="col-md-4">
                  <p>High Bandwidth Triple Video Filters with Buffered Outputs for RGB or YUV,Active Filter 16PSOICVIDEO
                    FILTR</p>
                </div>
                <div class="col-md-4" style="
                position: relative;">
                  <table style="position:absolute ; left: 250px;">
                    <tbody>
                      <tr>
                        <td>1　+</td>
                      </tr>
                      <tr>
                        <td>10&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>25&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>50&nbsp;+</td>
                      </tr>
                      <tr>
                        <td>&gt;=100</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </button>
            </div>

          </div>
        </div>

        <nav aria-label="Page navigation" style="text-align: right;
        padding-right: 50px;">
          <ul class="pagination">
            <li>
              <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
              <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>



      </div>
    </div>
  </div>



  <div class="footer">
    <div class="footer-container">
      <div class="copyright">
        <ul class="helpLink">
          <li>
            关于我们
            <span class="space"></span>
          </li>
          <li>
            联系我们
            <span class="space"></span>
          </li>
          <li>
            帮助
            <span class="space"></span>
          </li>
          <li>
            友情链接
            <span class="space" style="
                border-left: 0px solid #666;
    width: 1px;
    height: 13px;
    background: #666;
    margin: 8px 10px;
            "></span>
          </li>
        </ul>
        <p>地址：北京市昌平区宏福科技园综合楼6层</p>
        <p>京ICP备19006430号</p>
      </div>
    </div>
  </div>
  <div class="goTop" onclick="scrollIntoViewTop('html')"></div>
</body>
<link rel="stylesheet/less" href='./footer.less'>
<script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.1.3/less.min.js"></script>
<script src="./js/jquery-3.6.1.min.js"></script>
<script>
  $('.home').on('click', function (e) {
    window.location.href = "index.html"
  })
  $('.prodouct').on('click', function (e) {
    window.location.href = "product.html"
  })
  $('.aboutus').on('click', function (e) {
    window.location.href = "aboutUs.html"
  })
  $('.servies').on('click', function (e) {
    window.location.href = "news.html"
  })
  $('.contact').on('click', function (e) {
    window.location.href = "contact.html"
  })
  $('.list-group-item').on('click', function (e) {
    window.location.href = "product.html"
  })
</script>

</html>